<template>
  <div class="basic_information">
    <div class="flex basic_information_item flexR">
      <div class="flex">
        <div class="information_item_title">企业名称</div>
        <div class="information_item_content">{{enterprise_name||''}}</div>
      </div>
      <div class="flex">
        <div class="information_item_title">统一信用代码</div>
        <div class="information_item_content">{{enterprise_code||''}}</div>
      </div>
    </div>
    <div class="flex basic_information_item flexR">
      <div class="flex">
        <div class="information_item_title">法人姓名</div>
        <div class="information_item_content">{{legal_person||''}}</div>
      </div>
      <div class="flex">
        <div class="information_item_title">证件号码</div>
        <div class="information_item_content">{{certificate||''}}</div>
      </div>
    </div>
    <div class="flex basic_information_item flexR">
      <div class="flex">
        <div class="information_item_title">联系人姓名</div>
        <div class="information_item_content">{{contact_name||''}}</div>
      </div>
      <div class="flex">
        <div class="information_item_title">联系人手机</div>
        <div class="information_item_content">{{mobile||''}}</div>
      </div>
    </div>
    <div class="flex basic_information_item flexR">
      <div class="flex">
        <div class="information_item_title">开票类型</div>
        <div class="information_item_content">{{invoice_type||''}}</div>
      </div>
      <div class="flex">
        <div class="information_item_title">所属地区</div>
        <div class="information_item_content">{{region||''}}</div>
      </div>
    </div>
    <div class="flex basic_information_item flexR">
      <div class="flex">
        <div class="information_item_title">所属客户经理</div>
        <div class="information_item_content">{{client_manager||''}}</div>
      </div>
      <div class="flex">
        <div class="information_item_title">所属代理商</div>
        <div class="information_item_content">{{agent_name||''}}</div>
      </div>
    </div>
    <div class="flex basic_information_item flexR">
      <div class="flex">
        <div class="information_item_title">企业联系地址</div>
        <div class="information_item_content">{{address||''}}</div>
      </div>
      <div class="flex">
        <div class="information_item_title">纳税人性质</div>
        <div class="information_item_content">{{taxpayer_type||''}}</div>
      </div>
    </div>

    <div class="flex basic_information_item flexR">
      <div class="flex">
        <div class="information_item_title">复核手机号码</div>
        <div class="information_item_content">{{checked_mobile||''}}</div>
      </div>
      <div class="flex">
        <div class="information_item_title"></div>
        <div class="information_item_content"></div>
      </div>
    </div>

    <div class="flex basic_information_item_end flexR">
      <div class="flex">
        <div class="information_item_title">营业执照</div>
        <div class="information_item_content">
          <el-image
            style="width: 100%; height: 130px"
            :src="business_licence_img"
            :lazy="true"
            :preview-src-list="[business_licence_img]"
          ></el-image>
        </div>
      </div>
      <div class="flex">
        <div class="information_item_title">身份证</div>
        <div class="information_item_content">
          <el-image
            style="width: 100%; height: 130px"
            :src="certificate_img"
            :lazy="true"
            :preview-src-list="[certificate_img]"
          ></el-image>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      srcList: [], //  营业执照 身份证
      enterprise_name: "", // 企业名称
      certificate: "", // 证件号码
      enterprise_code: "", // 统一信用代码
      legal_person: "", // 法人姓名
      contact_name: "", // 联系人姓名
      mobile: "", // 联系人手机
      invoice_type: "", // 开票类型
      province: "", // 省
      city: "", // 市
      region: "", // 所属地区
      client_manager: "", // 所属客户经理
      agent_name: "", // 所属代理商
      address: "", // 联系地址
      taxpayer_type: "", // 纳税人性质
      checked_mobile: "", // 复核手机号码
      business_licence_img: "", // 营业执照
      certificate_img: "" // 身份证
    };
  },
  created() {},
  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      let data = this.$api.sendSync(this.$mapapi.e_enterpriseInfo, {});
      if (data.code != 200&&data.code!=501) {
        this.$message.error(data.msg);
        return;
      }
       console.log("基本信息",data)
       this.enterprise_name=data.data.enterprise_name; // 企业名称
       this.enterprise_code=data.data.enterprise_code; // 统一信用代码
       this.certificate=data.data.certificate;
       this.legal_person=data.data.legal_person; // 法人姓名
       this.contact_name=data.data.contact_name; // 联系人姓名
       this.mobile=data.data.mobile; // 联系人手机
       this.invoice_type=data.data.invoice_type; // 开票类型
       this.province=data.data.province; // 省
       this.city=data.data.city; // 市
       this.region=data.data.region; // 所属地区
       this.client_manager=data.data.client_manager; // 所属客户经理
       this.agent_name=data.data.agent_name; // 所属代理商
       this.address=data.data.address; // 联系地址
       this.taxpayer_type=data.data.taxpayer_type; // 纳税人性质
       this.checked_mobile=data.data.checked_mobile; // 复核手机号码
       this.business_licence_img=data.data.business_licence_img; // 营业执照
       this.certificate_img=data.data.certificate_img; // 身份证  
    }
  }
};
</script>

<style lang="less"  :scope="true"   >
.basic_information {
  padding: 0 10px;
  .basic_information_item_end {
    height: 170px;
    -moz-box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    .information_item_title {
      width: 130px;
      text-align: left;
    }
    .information_item_content {
      width: 250px;
    }
  }
  .basic_information_item {
    height: 55px;
    -moz-box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    .information_item_title {
      width: 130px;
      text-align: left;
    }
    .information_item_content {
      width: 250px;
    }
  }
}
</style>